<template>
    <div>{{ $t('name') }}</div>
    <el-button @click="handleClick">changeLocal</el-button>
    <Button type="primary" @click="open">vant</Button>
    <Modal v-model="name" />
    {{ name }}
    <Calendar v-model:show="show" @confirm="onConfirm" />
    <Button>click</Button>
    <NuxtPage></NuxtPage>
</template>

<script setup lang="ts">
import Modal from '~/components/login/Modal.vue'
import useLocal from "~/store/useLocal";
import { Button, Calendar } from 'vant'
setHeadInfo({
  title: '登录页面',
  meta: [
    { name: 'description', content: '登录页面' }
  ]
})
const local = useLocal()
const show = ref(false)
const name = ref('age')
const handleClick = () => {
  local.changeLocale(local.localeParams())
}
const open = () => {
  show.value = true
}
const onConfirm = () => {
  show.value = false
}
</script>